@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=button],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ font-size: 14px; color:#333;line-height:1.3;overflow-x: hidden;background:#fff; font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,h2,.more,.i_pbox .text p,.sub,.news_list p,.cul_pics p,.cul_pics ul li,.i_hslick .slick-slide,.cul_list li,.search_form,.search_input,.search_btn{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
/*.nav > li{ transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; }*/
.cul_list li .zoom span{ transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none;  }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1200px; margin: 0 auto;}
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ position: relative; display: block; overflow: hidden; }
.zoom img,.zoom span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.zoom:hover img,.zoom:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }
.bg_fcfcfc{ background: #fcfcfc; }
/*20180119*/
@media screen and (min-width: 1151px){
.search_form{ display: inline-block!important; }
}
/*20180119*/
/*header*/
.htop{ height: 48px; line-height: 48px; background: #f2f2f2; }
.htop .gp_code{ display: inline-block; vertical-align: middle; color: #333; font-size: 16px; }
.htop .search_form{ width: 189px; height: 32px; }
.htop .search_input{ padding: 0 15px; box-sizing: border-box; float: left; width: 152px; height: 32px; line-height: 32px; border: none; background: #fff; }
.htop .search_btn{ cursor: pointer; float: right; width: 37px; height: 32px; background-color: #d1d1d1; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-position: center; border: none; }
.htop .search_btn:hover{ background-color: #0093dd; }
.lang{ margin: 0 12px 0 20px; position: relative; width: 112px; height: 32px; line-height: 32px; color: #333; font-size: 12px; background: #d2d2d2 url(../images/icon3.png) 90px center no-repeat; }
.lang span{ width: 100%; box-sizing: border-box; padding: 0 26px 0 12px; cursor: pointer; display: inline-block; height: 32px; }
.lang span img{ margin-right: 10px; border: 1px solid #dcddd8; vertical-align: middle; }
.lang span font{ display: inline-block; vertical-align: middle; }
.lang ul{ display: none; position: absolute; left: 0; top: 32px; width: 100%; box-sizing: border-box; background: #f2f2f2; z-index: 99999;}
.lang ul li{ font-size: 12px; height: 32px; line-height: 32px; border-top: 1px solid #dbdbdb; white-space: pre; }
.lang ul li:first-child{ border-top: none; }
.lang ul li img{ margin-right: 10px; border: 1px solid #dcddd8; vertical-align: middle; }
.lang ul li a{ display: block; padding-left: 12px; }
.lang ul li a:hover{ color: #0093dd; }
.lang:hover ul{ display: block; }
.hbot{ height: 98px; line-height: 98px; }
.hbot .logo{}
.nav li{ padding: 0 18px; position: relative; float: left; display: block; box-sizing: border-box; }
.nav li > a{ border-top: 2px solid #fff; font-size: 16px; display: block; padding: 0 14px; }
.nav li.on > a{ border-color: #0093dd; color: #0093dd; }
.nav li:hover > a{ color: #0093dd; }
.nav li dl{ box-sizing: border-box; font-size: 14px; padding: 10px 20px; display: none; position: absolute; left: 50%; top: 100px; text-align: center; width: auto; line-height: 30px; z-index: 999; background: rgba(255,255,255,0.85);}
.nav li dl a{ display: block; color: #333; white-space: nowrap; }
.nav li dl a:hover{ color: #0093dd; }
.hphone{ margin-left: 16px; padding-left: 48px; background: url(../images/icon4.png) left center no-repeat; line-height: 18px; }
.hphone p{ font-size: 12px; margin-bottom: 2px; color: #666; }
.hphone span{ color: #0093dd; font-size: 18px; }
.header_box{ text-align: right; display: none; vertical-align: top; width: 142px; height: 82px; box-sizing: border-box; }
.search_form{/* display: inline-block!important;*/ width: 30px; height: 30px; line-height: 30px; font-size: 0; }
.search_input{ font-size: 14px; vertical-align: top; color: #000; box-sizing: border-box; width: 0; border: none; height: 30px; line-height: 30px; }
.search_btn{ user-select: none; outline: none; cursor: pointer; margin-left: -1px; vertical-align: top; width: 30px; height: 30px; background: url(../images/icon1.png) center no-repeat; background-size: 15px; border: none; }
.search_form.on{ /*background: #fff;*/ vertical-align: middle; width: 140px; overflow: hidden; border: 1px solid #0093dd; border-radius: 12px; }
.search_form.on .search_input{ background: none; height: 30px; line-height: 30px; width: 110px; padding-left: 5px; }
.search_form.on .search_btn{ margin-left: 0; background: url(../images/icon1_b.png) center no-repeat; background-size: 15px;}
.hsearch_icon{ display: none; width: 2.6rem; height: 2.6rem; background: url(../images/icon1_b.png) center no-repeat; background-size: 1.4rem; }
.header .language{ display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #666; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ color: #038ace; }
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#038ace; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.show_left{ display: none; padding: 10px 0; position: absolute; cursor: pointer; background: url(../images/mleft.png) center no-repeat; background-size: contain; width: 34px; height: 50px; top: 50%; right: -34px; margin-top: -15px;}
.show_left:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/mlicon.png) center no-repeat; background-size: contain;}
.show_left.active:before{ transform:rotate(180deg); }



/*footer*/
.footer .top{ line-height: 28px; background: #f7f7f7; padding: 28px 0 12px; }
.f_tleft{ width: 59.8%; box-sizing: border-box; border-right: 1px dashed #e6e6e6; }
.f_tright{ width: 36%; box-sizing: border-box; }
.fnav{ margin: 8px auto 20px; width: 100%; }
.fnav li{ width: 20%; float: left; }
.fnav a{ color: #9a9a9a; }
.fnav li > a{ font-size: 16px; color: #111; margin-bottom: 5px; display: block; }
.fnav li a:hover,.f_links li a:hover{ color: #33b9fd; }
.ftit{ font-size: 16px; color: #333; }
.f_links li{ float: left; margin-right: 22px; }
.f_links li a{ font-size: 12px; color: #9a9a9a; }
.f_tright .ftit{ margin: 10px 0 0; }
.f_tright p{ color: #9a9a9a; }
.fphone{ box-sizing: border-box; width: 50%; }
.fphone .fp_box{ margin-top: 22px; background: url(../images/icon18.png) left center no-repeat; padding-left: 54px; }
.fphone p{ font-size: 18px; color: #333; line-height: 30px; }
.fewm{ font-size: 0; width: 48%; }
.fewm .box{ width: 80%; display: inline-block; vertical-align: top; }
.fewm .box img{ max-width: 100%; }
.fewm .box p{ color: #666; font-size: 12px; }
.footer .bot{ background: #000; text-align: center; padding: 28px 0; line-height: 20px; color: rgba(255,255,255,.7); }

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ max-width: 1200px; line-height: 1; position: absolute; width: 100%; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #ccc; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 7.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #00a8fd; }
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
/*banner*/
.banner{ clear: both; height: 532px; overflow: hidden; position: relative;}
.banner-wrap{ height: 532px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 532px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-dots{ max-width: 100%; bottom: 20px; }
.banner .slick-dots li{ background: #0093dd; }
.banner .slick-dots li.slick-active{ background: #fff; }
.i_title{ text-align: center; }
.i_tith1{ color: #aeaeae; }
.i_tith2{ margin: 2px auto 7px; font-size: 24px; }
.i_titl{ width: 30px; height: 1px; margin: 0 auto; background: #0257a3; }
.i_profile{ padding: 50px 0 0; }
.i_prow{ padding: 20px 0 16px; }
.i_prol{ width: 53.5%; }
.i_pror{ width: 43.5%; }
.i_prol .top h2{ font-size: 20px; margin-bottom: 8px; }
.i_prol .top h2:hover{ color: #00a8fd; }
.i_prol .top .text_p{ height: 102px; overflow: hidden; color: #666; line-height: 26px; }
.i_prol .bot{ margin-top: 12px; }
.i_prol .bot .title{ padding: 8px 0; border-bottom: 1px solid #f6f6f6; margin-bottom: 10px; font-size: 16px; }
.i_prol .bot .title a.fr{ font-size: 12px; color: #666; }
.i_prol .bot .slick-slide{ text-align: center;/* width: 31.6%; margin-right: 2.6%;*/ margin-right: 10px; float: left; }
.i_prol .bot .slick-slide:last-child{ margin-right: 0; }
.i_prol .bot .slick-slide .zoom{ margin-bottom: 5px; width: 100%; height: 152px; border: 1px solid #eee; box-sizing: border-box; }
.i_prol .bot .slick-slide h2{ line-height: 22px; display: block; font-size: 12px; color: #515151; }
.i_prol .bot .slick-slide:hover h2{ color: #00a8fd; }
.video_box{ background: #000; -webkit-transform: translateZ(0); margin-top: 10px; display: inline-block; vertical-align: middle; width: 100%; height: 350px; position: relative; }
.video_box video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; display: block; }
.video_box i{ cursor: pointer; content: ''; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; background: url(../images/icon5.png) 96% 97% no-repeat; z-index: 666; }
.i_honor{ padding: 26px 0 28px; }
.i_honor .title{ padding: 8px 0; margin-bottom: 18px; font-size: 16px; }
.i_honor .title a.fr{ font-size: 12px; color: #666; }
.i_hslick{ width: calc(100% - 90px); margin: 0 auto; text-align: center; }
.i_hslick .slick-slide{ margin: 0 22px; }
.i_hslick .img{ width: 231px; height: 173px; border: 1px solid #f4f4f4; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_hslick h2{ line-height: 30px; }
.i_hslick .slick-prev{ left: -45px; width: 19px; height: 36px; background: url(../images/icon6.png) center no-repeat; }
.i_hslick .slick-prev:hover{ background: url(../images/icon6on.png) center no-repeat; }
.i_hslick .slick-next{ right: -45px; width: 19px; height: 36px; background: url(../images/icon7.png) center no-repeat; }
.i_hslick .slick-next:hover{ background: url(../images/icon7on.png) center no-repeat; }
.i_hslick .slick-slide:hover{ -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.i_hslick .slick-slide:hover h2{ color: #00a8fd; }
.i_prol .bot .title a.fr:hover,.i_honor .title a.fr:hover{ color: #00a8fd; }
.i_pro{ padding: 45px 0 10px; }
.i_plist{ text-align: center; padding: 24px 0 30px; }
.i_plist li{ cursor: pointer; display: inline-block; vertical-align: top; padding: 0 16px; border-right: 1px solid #e7e4e4; }
.i_plist li:last-child{ border-right: none; }
.i_plist li.on,.i_plist li:hover{ color: #1f214f; }
.i_pwrap .i_pbox{ display: none; opacity: 0.6; }
.i_pwrap .i_pbox:first-child{ display: block; opacity: 1; }
.i_pbox > ul{ width: 100%; }
.i_pro_new .i_pbox li{ width: calc((100% - 42px) / 4); margin-right: 14px; margin-bottom: 20px; position: relative; margin-right: 14px; background: #fbfbfb; float: left; height: 350px; line-height: 320px; font-size: 0; }
.i_pro_new .i_pbox li:nth-child(4n){ margin-right: 0; }
.i_pbox .text{ font-size: 14px; color: #666; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: #f3f0f0; padding: 8px 5%; box-sizing: border-box; line-height: 20px; }
.i_pbox .text h2{ font-size: 16px; }
.i_pbox .text p{ color: #999; line-height: 18px; }
.i_pbox .zoom{ height: 100%;  text-align: center; }
.i_pbox .zoom img{ position: static; max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; }
.i_pro_new .i_pbox li:hover .text{ color: #fff; background: #00a8fd; }
.i_pro_new .i_pbox li:hover .text p{ color: #fff; }
.i_sol{ padding: 40px 0; }
.i_sslick{ margin-top: 30px; width: 1265px; padding-bottom: 40px; }
.i_sslick .text h2{ font-size: 18px; margin-bottom: 10px; }
.i_sslick .text_p{ font-size: 12px; color: #9d9d9d; line-height: 24px; height: 70px; overflow: hidden; }
.i_sslick .slick-slide{ margin-right: 65px; }
.i_sslick .zoom{ margin-bottom: 16px; width: 100%; height: 216px; }
.i_sslick li:hover .text h2{ color: #00a8fd; }
.i_partner{ padding: 45px 0 70px; }
.i_pslick{ width: calc(100% - 116px); margin: 38px auto 0; }
.i_pslick .slick-slide{ border: 1px solid #edeaea; margin: 0 8px; }
.i_pslick .zoom{ height: 100%; height: 146px; line-height: 146px; font-size: 0; text-align: center; background: #fff; }
.i_pslick .zoom img{ position: static; max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; }
.i_pslick h2{ height: 36px; line-height: 36px; background: #b4b4b4; color: #fff; text-align: center; }
.i_pslick .slick-slide:hover h2{ background: #00a8fd; }
.i_pslick .slick-prev{ left: -44px; width: 27px; height: 47px; background: url(../images/icon16.png) center no-repeat; }
.i_pslick .slick-prev:hover{ background: url(../images/icon16on.png) center no-repeat; }
.i_pslick .slick-next{ right: -44px; width: 27px; height: 47px; background: url(../images/icon17.png) center no-repeat; }
.i_pslick .slick-next:hover{ background: url(../images/icon17on.png) center no-repeat; }
.i_news{ padding-bottom: 70px; }
.i_nleft{ margin-top: 10px; position: relative; width: 47%; height: 325px; }
.i_nleft .i_ntext{ padding: 16px 18px 12px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; }
.i_nleft .i_ntext h2{ margin-bottom: 8px; font-size: 18px; }
.i_nleft .i_ntext p{ font-size: 12px; opacity: .7; }
.i_nleft:hover h2{ color: #00a8fd; }
.i_nright{ width: 49%; }
.i_nright li{ padding: 8px 0; border-bottom: 1px solid #f7f7f7; }
.i_nright li:last-child{ border-bottom: none; }
.i_nright .time{ text-align: center; width: 65px; float: left; }
.i_nright .time em{ font-size: 45px; color: #666; line-height: 45px; }
.i_nright .time span{ font-size: 12px; color: #9a9a9a; line-height: 20px; }
.i_nright .i_ntext{ width: calc( 100% - 88px); float: right; }
.i_nright .i_ntext h2{ font-size: 16px; line-height: 20px; margin-bottom: 6px; }
.i_nright .i_ntext p{ height: 34px; overflow: hidden; font-size: 12px; color: #7e7e7e; line-height: 18px; }
.i_nright li:hover h2{ color: #00a8fd; }

/*公共*/
.wbanner{ height: 396px; clear: both; background-size: cover; background-position: center center;}
.path{ height: 68px; line-height: 68px; background: #fff; overflow: hidden; }
.path a{ color: #666; vertical-align: middle;}
.path a:hover,.path span{ color: #5dadf6; vertical-align: middle; }
.path font{ margin: 0 6px; display: inline-block; vertical-align: middle; }
.m_main{ padding-bottom: 50px; }
.m_left{ margin-top: 7px; background: #fff; width: 22%; }
.m_right{ background: #fff; width: 75.3%; box-sizing: border-box; }
.m_right img{ max-width: 100%; max-height: 100%; }
.ml_title{ overflow: hidden; height: 120px; box-sizing: border-box; padding-left: 28px; color: #fff; border-bottom: 1px solid #fff;
	background-color: #5cadf6; background: -ms-linear-gradient(top,#5cadf6 0%,#78b7f2 100%);
	filter: "progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#5cadf6', endColorstr = '#78b7f2' )"; 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#5cadf6', endColorstr = '#78b7f2' )"; 
	background:-moz-linear-gradient(top, #5cadf6, #78b7f2);  
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5cadf6), to(#78b7f2));
	background:-o-linear-gradient(top, #5cadf6, #78b7f2); }
.ml_title h2{ margin-top: 35px; white-space: nowrap; font-size: 24px; line-height: 32px; }
.ml_title h2 span{ display: block; font-size: 14px; line-height: 24px; }
.ml_nav{ padding-bottom: 75px; background: #fbfbfb; }
.ml_nav li{ font-size: 16px; }
.ml_nav li > a{ position: relative; display: block; border-bottom: 1px solid #fff; color: #666; padding: 15px 40px 14px 28px; }
.ml_nav li > a .tit{ display: block; height: 100%; top: 0; width: 30px; position: absolute; right: 16px; }
.ml_nav li.on,.ml_nav li.active{ background: #f0efef; }
.ml_nav li.on a,.ml_nav li.active a{ color: #62aff5; }
.ml_nav li a:hover{ color: #62aff5; }
.ml_nav li.on dl{ display: block; }
.ml_nav dl{ display: none; position: relative; padding: 11px 0 10px; border-bottom: 1px solid #f4f4f4; }
.ml_nav dd{line-height: 40px; padding: 0 20px 0 50px; }
.ml_nav dd a{ font-size: 14px; color: #666;  width: 100%; display: inline-block; vertical-align: middle; }
.ml_nav dd a:hover{ color: #00a8fd; text-decoration: underline; }
.ml_nav dd p a{ box-sizing: border-box; display: block; padding-left: 22px; color: #999; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr_name{ margin-bottom: 22px; border-bottom: 1px solid #f0ecec; line-height: 28px; padding-bottom: 12px; font-size: 18px; color: #666; }
.pages .prev,.pages .next{ padding: 0; width: 94px; background: #e5e5e5; }
.pages .prev i{ background-image: url(../images/icon24.png); }
.pages .next i{ background-image: url(../images/icon25.png); }
.pages .prev i,.pages .next i{ display: inline-block; width: 8px; height: 36px; vertical-align: top; margin-left: 18px;  background-position: center; background-repeat: no-repeat; }
.pages a,.pages span,.pages{ text-align: center; font-size: 14px; color: #858585; line-height: 36px; }
.pages a,.pages span{ margin: 0 3px 10px; min-width: 28px; padding: 0 4px; display: inline-block; border: 1px solid #e5e5e5; }
.pages .current{ color: #fff; display: inline-block; border-color: #00a8fd; background: #00a8fd; }
.pages .on{ color: #fff; display: inline-block; border: 1px solid #a9a9a9; background: #a9a9a9; }
.pages font{ display: inline-block; vertical-align: top; margin: 0 12px; }
.pages a:hover{ background: #00a8fd; border-color: #00a8fd; color: #fff; }

/*解决方案*/
.sol_list{ margin-bottom: 40px; }
.sol_list li{ padding: 20px 0; }
.sol_list li:first-child{ padding-top: 10px; }
.sol_list .zoom{ width: 47.5%; height: 284px; }
.sol_list .text{ width: 49.8%; }
.sol_list h2{ padding: 10px 0; font-size: 16px; color: #333; }
.sol_list h2:hover{ color: #00a8fd; }
.sol_list .text_p{ margin-bottom: 10px; font-size: 12px; color: #9d9d9d; line-height: 30px; height: 178px; overflow: hidden; }
.sol_list a.more{ margin-left: -5px; color: #5faef6; font-size: 12px; line-height: 30px; display: inline-block; padding: 0 5px; }
.sol_list a.more:hover{ margin-left: 0; background: #00a8fd; color: #fff; }

/*产品中心*/
.goods_list .zoom{ width: 34.2%; height: 340px; box-sizing: border-box; border: 1px solid #f0ecec; }
.goods_list .zoom span{ background-size: contain; }
.goods_list .text{ width: 60%; margin-right: 2%; }
.goods_list .text h2{ font-size: 18px; color: #666; padding: 4px 0 5px; }
.goods_list .text h2:hover{ color: #00a8fd; }
.goods_list .text_p{ color: #666; height: 268px; }

/*产品中心详情*/
.m_gdetail{ padding: 45px 0; }
.m_gdetail table{ max-width: 100%; width: 100%!important; word-break: break-all; }
.m_gdetail img{ max-width: 100%; height: auto!important; }
.m_gdtit{ font-size: 36px; color: #333; margin-bottom: 20px; }
.m_gdbar{ border-bottom: 1px solid #73b5f3; }
.m_gdbar span{ height: 32px; line-height: 32px; font-size: 18px; color: #fff; padding: 0 10px; min-width: 100px; text-align: center; background: #73b5f3; display: inline-block; }
.m_gdpart1 .left{ width: 58%; }
.m_gdpart1 .right{ width: 42%; text-align: right; }
.m_gdpart1 .right img{ max-width: 85%; }
.m_gdtxt1{ margin-top: 26px; color: #666; font-size: 16px; line-height: 30px; }
.m_gdtxt1 p:before{ content: ''; display: inline-block; width: 5px; height: 5px; vertical-align: middle; background: #0095da; margin-right: 18px; }
.m_gdtxt{ padding: 20px 0 30px; color: #666; line-height: 28px; }
.m_gdtxt .video_box{ margin-left: 130px; display: inline-block; width: 655px; height: 435px; max-width: 100%; }
.m_gdlist li{ padding: 22px 0; }
.m_gdlist .img{ float: left; width: 36.6%; }
.m_gdlist .text{ float: right; width: 60.8%; }
.m_gdlist .m_gdltit{ font-size: 18px; color: #047ae9; border-bottom: 1px solid #e5e5e5; }
.m_gdlist .m_gdltit span{ border-bottom: 3px solid #73b5f3; display: inline-block; padding: 12px 5px; }
.m_gdlist li:nth-child(2n) .img{ float: right; }
.m_gdlist li:nth-child(2n) .text{ float: left; }
.m_gdlist .text .text_p{ color: #666; line-height: 30px; margin-top: 16px; }

/*新闻中心*/
.news_list{ margin-bottom: 42px; }
.news_list li{ padding: 30px 0; border-bottom: 1px solid #eee; }
.news_list h2{ font-size: 18px; color: #333; margin-bottom: 20px; }
.news_list h2:hover{ color: #0070c0; }
.news_list .zoom{ width: 23.2%; height: 120px; }
.news_list .text{ padding-top: 5px; padding-right: 30px; box-sizing: border-box; width: 73.4%; color: #999; line-height: 24px; }
.news_list .text p{ margin-bottom: 16px; height: 70px; overflow: hidden; }
.news_list li:hover .text p{ color: #555; }

/*新闻中心详情*/
.m_ndetail{ padding: 80px 60px; border: 1px solid #e9e9e9; }
.m_ndtop{ line-height: 28px; }
.m_ndtop h2{ line-height: 40px; font-size: 30px; color: #333; margin-bottom: 35px; }
.m_ndtop span{ color: #999; margin: 0 30px; display: inline-block; vertical-align: top; }
.share_box font{ color: #999; margin: 0 15px 0 30px; }
.share_box a:hover{ opacity: .8; }
.m_ndbot{ padding-top: 22px; font-size: 16px; color: #666; line-height: 30px; }
.m_ndbot img{ max-width: 100%!important; height: auto!important; }
.m_ndback{ margin: 20px auto; border-bottom: 1px solid #e9e9e9; height: 50px; line-height: 50px; text-align: right; }
.m_ndback a{ color: #666; }
.m_ndback a:hover,.m_ndlink a:hover{ color: #00a8fd; }
.m_ndlink,.m_ndlink a{ color: #666; }
.m_ndlink font{ color: #999; }

/*联系我们*/
.con_list{ border-bottom: 1px solid #eee; height: 56px; margin-bottom: 22px; }
.con_list li{ float: left; font-size: 16px; margin-right: 22px; }
.con_list li a{ color: #555; height: 56px; line-height: 54px; padding: 0 8px; box-sizing: border-box; display: block; }
.con_list li.on a{ color: #0070c0; border-bottom: 2px solid #63aff5; }
.con_list li:hover a{ color: #0070c0; }
.con_detail h2{ font-size: 24px; color: #333; line-height: 38px; }
.con_detail p{ line-height: 30px; margin: 20px 0; }
.con_detail img{ margin-right: 20px; }
.con_detail font{ width:calc(100% - 50px); display: inline-block; vertical-align: top; }
#allmap{ margin-top: 30px; width: 100%; height: 460px; }
#allmap img{ max-width: 1000000px; max-height: 1000000px; }
#allmap .f16{ font-size: 16px; margin-bottom: 4px; color: #0070c0; }
#allmap p{ color: #555; line-height: 20px; }

/*在线留言*/
.m_msg{ padding-left: 18px; }
.m_msg_tips{ background: #fcfcfc; line-height: 30px; color: #555; padding: 18px 28px; }
.msg_form .item{ height: 70px; line-height: 70px; }
.msg_form span{ display: inline-block; vertical-align: middle; width: 90px; padding-right: 20px; box-sizing: border-box; text-align: right; }
.msg_form .r_box{ font-size: 0; width: 500px; display: inline-block; vertical-align: middle; }
.msg_form input{ vertical-align: middle; height: 50px; line-height: 48px; padding: 0 5px; border: 1px solid #ddd; width: 100%; box-sizing: border-box; }
.msg_form .code_box{ position: relative; }
.msg_form .code_box input{ width: 340px; max-width: 100%; }
.msg_form .code_box .code{ position: absolute; top: 10px; right: 0; cursor: pointer; height: 50px; line-height: 44px; padding: 2px; text-align: center; font-size: 0; width: calc(100% - 340px); min-width: 155px; border: 1px solid #ddd; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.msg_form input.sub{ cursor: pointer; background: #198bf4; color: #fff; font-size: 16px; width: 140px; border: none; }
.msg_form input.sub:hover{ box-shadow: 2px 2px 4px rgba(0,0,0,.3); opacity: .95; }

/*人力资源*/
.m_recruit{ padding: 10px 30px; }
.re_table{ width: 100%; text-align: left; color: #666; }
.re_table thead th{ background: #777; height: 40px; padding: 10px 10px 10px 28px; font-size: 16px; color: #fff; }
.re_table thead th:last-child{ border-right: none; }
.re_table tbody td{ width: 100px; height: 40px; padding: 10px 10px 10px 28px; }
.re_table tbody tr:nth-child(2n+1){ background: #fcfcfc; }
.re_table tbody tr:hover{ background: #3497f1; color: #fff; cursor: pointer; }

/*下载中心*/
.m_download li{ border-bottom: 1px dashed #efefef; width: 100%; height: 40px; line-height: 40px; }
.m_download li a{ padding: 0 10px; }
.m_download li a:hover{ color: #5cadf6; }
.m_download li span{ width: calc(100% - 130px); }

/*关于我们*/
.about_wrap img{max-width: 100%;margin-top: -30px;}
.m_about{ padding: 35px 0 120px; }
.m_about .i_title{ margin-bottom: 20px; }
.p_fnav_wrap{ height: 55px; }
.p_fnav{ height: 55px; background: #fff;/* z-index: 999;*/ border-bottom: 1px solid #f5f5f5; position: relative; width: 100%; }
.p_fnav li{ padding: 0 30px; cursor: pointer; float: left; font-size: 16px; color: #9a9a9a; text-align: center; float: left; }
.p_fnav li:first-child{ padding-left: 4px; }
.p_fnav li span{ display: block; height: 52px; line-height: 52px; border-bottom: 3px solid #fff; }
.p_fnav li.on span{ border-color: #038ace; color: #038ace; }
.about_box{ padding-top: 70px; }
.about_box .text{ font-size: 0; }
.intro_text{width: 50%;vertical-align: middle;}
.intro_img{width: 48%;vertical-align: middle;margin-left: 2%;}
.intro_text h3{ margin-bottom: 5px; color: #333; font-size: 20px; }
.intro_text .text_p{ font-size: 14px; color: #666; line-height: 30px; }
.pb50{ padding-bottom: 50px; }
.bg_f7f9fb{ background: #f7f9fb; }
.time_slide .slick-arrow{ cursor: pointer; top: 4px; width: 28px; height: 28px; display: block; position: absolute; }
.time_slide .slick-prev{ left: -66px; margin: 0; background: url(../images/left.png) center no-repeat;}
.time_slide .slick-next{ right: -66px; margin: 0; background: url(../images/right.png) center no-repeat;}
.time_slide .slick-prev:hover{ background: url(../images/left_on.png) center no-repeat;}
.time_slide .slick-next:hover{ background: url(../images/right_on.png) center no-repeat;}
.time_slide{ width: 700px; margin: 8px auto 0; padding-bottom: 30px; }
.time_slide div.year{ border: 1px solid #f7f9fb; cursor: pointer; text-align: center; margin: 0 32px; float: left; width: 86px; height: 34px; line-height: 34px; color: #666; font-size: 22px; }
.time_slide div.year:hover{ color: #1b92d0; }
.time_slide div.year.on{ border-color: #1b92d0; color: #1b92d0; }
.time_box{ width: 750px; position: relative;  margin: 0 auto; }
.time_box ul{ width: 100%; padding: 50px 0 80px; background: url(../images/map.png) top center no-repeat; }
.time_box .time_line{ z-index: 0; content: ''; position: absolute; top: 0; height: 100%; width: 3px; background: #c0d1db; left: 50%; margin-left: -1.5px; }
.time_box .time_line:before{ content: ''; position: absolute; top: 0; width: 22px; height: 22px; background: url(../images/icon65.png) center no-repeat; left: 50%; margin-left: -11px; }
.time_box .time_line:after{ content: ''; position: absolute; bottom: 0; width: 22px; height: 22px; background: url(../images/icon65.png) center no-repeat; left: 50%; margin-left: -11px; }
.time_box ul h2{ font-size: 18px; color: #666; }
.time_box ul .line{ width: 30px; height: 2px; background: #1b92d0; margin: 6px 0 9px; }
.time_box ul p{ word-break: break-all; line-height: 20px; font-size: 16px; color: #666; }
.time_box li{ position: relative; width: calc(50% + 11px); display: inline-block; box-sizing: border-box; }
.time_box li .text_box{ display: inline-block; }
.time_box li:nth-child(2n+1){ padding-right: 110px; background: url(../images/icon66.png) right 15px no-repeat; }
.time_box li:nth-child(2n+1) .text_box{ float: right; }
.time_box li:nth-child(2n){ margin-left: calc(50% - 11px); padding-left: 110px; background: url(../images/icon67.png) left 15px no-repeat; }
.time_box li:nth-child(2n) .text_box{ float: left; }
.time_bar{ display: none; }
.time_bar:first-child{ display: block; } 
.culture_wrap{ padding-bottom: 70px; }
.culture_box{ box-sizing: border-box; margin: 0 auto; font-size: 16px; color: #666; line-height: 36px; }
.culture_box span{ color: #2ab2e5; }
.pics_wrap{ margin-top: 22px; }
.cul_list{ margin-top: 6px; }
.cul_list li{ margin-bottom: 26px; text-align: center; font-size: 14px; width: 22.6%; margin-right: 3.2%; float: left; }
.cul_list li:nth-child(4n){ margin-right: 0; }
.cul_list li .zoom{ height: 190px; margin-bottom: 4px; }
.cul_list li .zoom span{ background-size: contain; }
.cul_list li:hover{ -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.cul_list li:hover p{ color: #2ab2e5; }
.pics_wrap .more{ display: block; height: 40px; background: url(../images/icon31.png) center no-repeat; background-size: contain; }
.speech_slick{ padding-bottom: 40px; width: 1218px; margin: 0 auto; }
.speech_slick .slick-slide{ position: relative; margin: 0 9px; height: 260px; }
.speech_slick .shadow{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,.5); height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #000; padding: 0 10px; box-sizing: border-box; }
.ustain_slick{ width: 1272px; margin: 0 auto; }
.ustain_slick .slick-dots{ max-width: 100%; }
.ustain_wrap ul{ margin-top: 25px; }
.ustain_wrap p{ line-height: 30px; }
.ustain_slick{ padding-bottom: 40px; }
.ustain_slick p{ line-height: 18px; font-size: 14px; text-align: center; margin-top: 18px; }
.ustain_slick .slick-slide:hover{ -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.ustain_slick .slick-slide:hover p{ color: #2ab2e5; }
.ustain_wrap ul .slick-slide,.ustain_wrap ul .slick-slide:nth-child(4n){ margin: 0 36px; }



@media screen and (max-width: 1220px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 450px; }
.wbanner{ height: 350px; }
.nav li{ padding: 0 10px; }
.baseWidth{ width: 94%; margin: 0 3%; }
.show_left{ display: block; } 
.m_left{ margin-top: 0; position: fixed; left: -33.3%; top: 60px; background: #fff; width: 33.3%; min-width: 220px; height: calc(100% - 50px); z-index: 999;}
.m_left .wrap{ position: absolute; height: 100%; overflow: auto; width: 100%; padding-bottom: 50px; box-sizing: border-box; }
.m_left.active{ left: 0; box-shadow: 0 0 20px #999;}
.ml_title h2{ margin-top: 20px; }
.ml_title h2 span{ line-height: 20px; }
.ml_nav dd{ line-height: 23px; }
.ml_nav dl:after{ height: calc(100% - 11px); }
.ml_title{ height: 85px; line-height: 85px; }
.ml_nav li > a{ padding: 15px 10% 15px 5%; background-position: 95% center; }
.ml_nav li.on > a, .ml_nav li.active > a, .ml_nav dd.on a{ background-position: 95%; }
.ml_nav dl{ height: auto!important; }
.ml_nav dd{ padding: 0 5% 0 10%; }
.ml_nav dd p a{ padding-left: 6%; }
.ml_nav li > a .tit{ right: 2%; }
.ml_title h2{ font-size: 22px; }
.m_right{ width: 100%; }
.speech_slick,.ustain_slick{ width: 94%; margin: 0 3%; }
.ustain_wrap ul .slick-slide, .ustain_wrap ul .slick-slide:nth-child(4n){ margin: 0 10px; }
.ml_nav{ padding-bottom: 0; }
.i_pro_new .i_pbox li,.i_pro_new .i_pbox li:nth-child(4n){ width: 31.3%; margin: 0 1% 20px; }
}

@media screen and (min-width: 1151px){
.nav{ display: inline-block!important; }
.hbot .search_form{ display: none!important; }
}

@media screen and (max-width: 1150px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 400px; }
.wbanner{ height: 250px; }
body{ padding-top: 60px; }
.htop{ display: none; }
.hbot{ position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); height: 60px; line-height: 60px; }
.hbot .logo{ max-height: 40px; }
.nav{ display: none; }
.hphone{ display: none; }
.nav-skip{ display: inline-block; margin-right: 10px; }
.lang{ display: none!important; }
.header .language{ display: inline-block; }
.search_btn{ background: url(../images/icon1_b.png) center no-repeat; background-size: 22px; }
.search_form.on{ width: 200px; }
.search_form.on .search_input{ width: 170px; }
.header_box{ width: auto; height: auto; }
.nav{ box-shadow: 0 2px 2px rgba(0,0,0,.1); display: none; box-sizing: border-box; overflow: auto; position: absolute; top: 50px; right: 0; padding: 10px 0; width: 33.3%; height: auto; background: rgba(255,255,255,.9);}
.nav li{ margin: 0; box-sizing: border-box; padding: 0 30px 0 20px; width: 100%; display: block; float: none; min-height: 45px; line-height: 45px; height: auto; font-size: 16px; font-weight: normal; text-align: left; }
.nav li.on, .nav li:hover{ border-top: none; border-bottom: none; }
.nav li.on > a, .nav li:hover > a{ border: none; height: auto; line-height: 45px; }
.nav li > a{ border: none; font-size: 16px; display: block; padding: 0; color: #333; }
.nav li.hase{ margin: 0; background: url(../images/sp1.png) 97% 21px no-repeat; background-size: 10px;}
.nav li dl{ box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.nav li dl dd{ display: block; }
.nav li dl dd{ height: auto!important; margin: 0; float: none; width: 100%; text-align: left; }
.nav li dl dd > a{ font-weight: normal; border-bottom: none; line-height: 30px; background: url(../images/sp2.png) 5px center no-repeat!important; border: none; padding: 0 18px; width: 100%; box-sizing: border-box;}
.nav li dl .baseWidth{ width: 100%; }
.nav li a:hover,.nav li dl dd > a:hover{ color: #038ace; }
.i_pbox > ul,.i_sslick{ width: 100%; }
.i_hslick .slick-slide,.i_pbox .slick-slide,.i_sslick .slick-slide{ margin: 0 10px; }
.i_hslick .img{ width: 100%; height: 200px; background-size: contain; border: none; }
.footer .top{ padding: 20px 0; }
.f_tleft{ display: none; }
.f_tright{ width: auto; margin: 0 auto; float: none; }
.fewm .box{ margin-left: 5%; width: 40%; max-width: 165px; }
.fcon{ margin: 10px auto; }
.footer .bot{ padding: 15px; }
.path{ height: auto; line-height: 20px; padding: 10px 0; }
.m_ndetail{ padding: 30px 3%; }
.intro_text .text_p{ line-height: 24px; }
.intro_text h3{ margin-bottom: 10px; }
}

@media screen and (max-width: 1024px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 350px; }
.intro_text{ width: 100%; float: none; }
.intro_img{ margin: 20px auto 0; float: none; display: block; }
.culture_box{ line-height: 30px; }
.pics_wrap{ margin-top: 0; }
}

@media screen and (max-width: 900px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 300px; }
.nav{ width: 50%; }
.mr_name{ margin-bottom: 10px; padding-bottom: 5px; }
.i_prol{ width: 100%; float: none; }
.i_pror{ width: 80%; margin: 20px auto 0; float: none; }
.i_profile,.i_honor,.i_pro,.i_sol,.i_partner{ padding: 30px 0; }
.i_honor .title{ margin-bottom: 0; }
.i_plist{ padding: 20px 0 10px; }
.i_plist li{ margin-bottom: 10px; }
.i_pslick{ margin: 20px auto 0; }
.i_news{ padding-bottom: 0; }
.i_pslick .zoom{ height: 100px; line-height: 100px; }
.i_hslick,.i_pslick{ width: calc(100% - 40px); }
.i_hslick .slick-prev,.i_pslick .slick-prev{ left: -20px; background-size: 15px; }
.i_hslick .slick-next,.i_pslick .slick-next{ right: -20px; background-size: 15px; }
.i_pbox .zoom img,.i_pslick .zoom img{ max-width: 80%; max-height: 80%; }
.goods_list .zoom{ height: 260px; }
.goods_list .text{ margin-right: 0; width: 62%; }
.goods_list .text h2{ font-size: 16px; padding: 0; margin-bottom: 5px; }
.goods_list .text_p{ line-height: 22px; height: 196px; }
.m_ndtop h2{ font-size: 24px; line-height: 1.3; margin-bottom: 15px; }
.m_ndbot{ font-size: 14px; line-height: 24px; }
.m_ndtop span,.share_box font{ margin: 0 15px; }
.con_detail h2{ font-size: 20px; }
.con_detail img{ margin-right: 10px; }
.con_detail p{ margin: 15px 0; }
.m_msg_tips{ margin: 20px auto; padding: 15px 3%; line-height: 24px; }
.m_msg{ padding-left: 0; }
.sol_list .zoom{ height: 220px; }
.sol_list .text_p{ line-height: 22px; height: 130px; }
.m_gdtxt1,.m_gdtxt,.m_gdlist .text .text_p{ font-size: 14px; line-height: 24px; }
.m_gdetail{ padding: 30px 0 0; }
.m_gdtit{ font-size: 30px; margin-bottom: 0; }
.m_gdtxt1{ margin-top: 15px; }
.m_about{ padding: 30px 0 60px ; }
.p_fnav li,.p_fnav li:first-child{ padding: 0; min-width: calc(100% / 6); }
.cul_list li,.cul_list li:nth-child(4n){ width: 31%; margin-right: 3.5%; }
.cul_list li:nth-child(3n){ margin-right: 0; }
.cul_list li{ margin-bottom: 10px; }
.time_slide{ width: calc(94% - 80px); margin: 0 auto; padding-bottom: 0; }
.time_slide div.year{ margin: 0 10px; }
.time_slide .slick-prev{ left: -40px; background-size: 20px; }
.time_slide .slick-next{ right: -40px; background-size: 20px; }
.time_slide .slick-prev:hover,.time_slide .slick-next:hover{ background-size: 20px; }
.time_box{ width: 100%; }
}

@media screen and (max-width: 880px){
.m_gdpart1 .left{ width: 100%; float: none; }
.m_gdpart1 .right{ width: 40%; text-align: center; margin: 20px auto 0; float: none; }
.m_gdtxt .video_box{ margin: 0 auto; display: block; max-width: 100%; }
}

@media screen and (max-width: 768px){
.wbanner{ height: 200px; }
.banner .slick-dots{ bottom: 5px; }
.slick-dots li{ width: 8px; height: 8px; margin: 0 3px; }
.pages a,.pages span{ margin-bottom: 5px; box-sizing: border-box; font-weight: normal; height: 30px; line-height: 30px; min-width: 30px; font-size: 14px; padding: 0 4px; }
.pages .prev i, .pages .next i{ height: 28px; }
.pages .prev, .pages .next{ width: auto; padding: 0 10px; }
.pages .prev i, .pages .next i{ margin-left: 6px; background-size: 5px; }
.m_main{ padding-bottom: 30px; }
.sol_list{ margin-bottom: 10px; }
.news_list{ margin-bottom: 30px; }
.sol_list li{ padding: 10px 0; }
.news_list h2{ margin-bottom: 10px; }
.news_list li{ padding: 20px 0; }
.news_list .text{ width: 70%; padding-right: 0; }
.news_list .zoom{ width: 28%; }
#allmap{ height: 350px; }
.msg_form span{ width: 100px; }
.msg_form .r_box{ max-width: calc(100% - 120px); }
.m_recruit{ padding: 15px 0 0; }
.re_table thead th,.re_table tbody td{ height: 30px; padding: 10px; text-align: center; }
.m_download{ padding-top: 10px; }
.m_download .btn a{ margin: 0 5px; height: 30px; line-height: 30px; width: auto; min-width: 80px; padding: 0 10px; }
.m_download .btn{ padding: 15px 0 25px; }
.m_gdlist .img{ width: 46%; }
.m_gdlist .text{ width: 50%; }
.m_gdtxt1 p:before{ margin-right: 6px; }
.m_about{ padding: 0 0 60px; }
.intro_img{ width: 50%; }
.culture_box{ font-size: 14px; }
.cul_list li .zoom{ height: 120px; }
.cul_list li .zoom span{ background-size: cover; }
.cul_list p{ line-height: 20px; }
.pics_wrap .more{ height: 30px; margin-top: 10px; }
.speech_slick .slick-slide{ height: 200px; }
.speech_slick .shadow{ height: 30px; line-height: 30px; font-size: 14px; }
.m_left{ width: 50%; left: 0; transform: translateX(-100%); }
.m_left.active{ transform: translateX(0); }
}

@media screen and (max-width: 750px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 250px; }
.i_pro_new .i_pbox li{ width: 48%!important; margin: 0 1% 10px!important; }
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){


}

@media screen and (min-width: 601px) and (max-width: 1150px){
.hbot .search_form{ display: inline-block!important; }
}

@media screen and (max-width: 600px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 200px; }
.wbanner{ height: 150px; }
body{ padding-top: 50px; }
.hbot{ height: 50px; line-height: 50px; }
.hbot .logo{ max-height: 30px; }
.nav{ width: 100%; }
.search_form{ display: none; }
.hsearch_icon{ display: inline-block; }
.search_form{ box-shadow: 0 2px 2px rgba(0,0,0,.1); display: none; border-radius: 0; background: #fff; position: fixed; top: 50px; width: 100%; left: 0; margin: 0; padding: 0 3%; box-sizing: border-box; height: 55px; line-height: 55px;}
.search_input{ position: absolute; padding: 0 10px; background: #f4f4f4; top: 10px; height: 35px; line-height: normal; width: 80%; left: 3%;}
.search_btn{ position: absolute; background: #00a8fd url(../images/icon1_w.png) center no-repeat; top: 10px; right: 3%; width: 14%; background-size: 20px; height: 35px;}
.nav-skip,.header .language{ margin-right: 0; }
.i_profile,.i_honor,.i_pro,.i_sol,.i_partner{ padding: 20px 0; }
.i_nleft{ width: 100%; margin-bottom: 20px; height: 230px; }
.i_nleft .i_ntext h2{ font-size: 16px; margin-bottom: 5px; }
.i_nleft .i_ntext{ padding: 10px 3%; }
.i_nright{ width: 100%; }
.i_pror{ width: 100%; }
.i_pro_slick{ padding-bottom: 20px; }
.i_prol .bot .slick-slide,.i_prol .bot .slick-slide:nth-child(2n){ margin: 0 5px; }
.i_prol .bot .slick-slide:nth-child(2n){ margin-right: 0; }
.video_box{ height: 265px; background: #000; margin-top: 0; }
.i_prol .top .text_p{ line-height: 20px; font-size: 12px; height: auto; }
.i_prol .top h2{ font-size: 16px; margin-bottom: 5px; }
.i_tith2{ font-size: 20px; }
.i_prow{ padding: 15px 0 0; }
.i_pror{ margin: 15px auto 0; }
.i_hslick .img{ height: 120px; }
.i_pro_new .i_pbox li{ height: 240px; line-height: 220px; }
.i_pbox .text h2{ font-size: 14px; }
.i_pbox .text p{ font-size: 12px; }
.i_pbox .text{ padding: 5px 5%; }
.i_sslick{ margin-top: 15px; }
.i_sslick .zoom{ height: 200px; }
.i_sslick .text h2{ font-size: 16px; margin-bottom: 5px; }
.i_sslick .text_p{ line-height: 22px; height: 64px; }
.i_nright .time em{ font-size: 34px; line-height: 40px; }
.i_nright .i_ntext{ width: calc(100% - 70px); }
.footer .top{ padding: 5px 0 10px; line-height: 22px; }
.footer .bot{ padding: 10px 0; font-size: 12px; }
.fphone p{ font-size: 15px; line-height: 22px; }
.fphone .fp_box{ margin-top: 10px; width: 135px; background-size: 20px; padding-left: 25px; }
.fphone{ width: 135px; }
.fewm{ width: calc(100% - 135px); }
.fewm .box{ width: 50%; }
.fewm .box img{ max-width: 100%; }
.m_ndetail{ padding: 20px 3%; }
.m_ndtop h2{ font-size: 18px; margin-bottom: 0; }
.m_ndtop span,.m_ndtop font{ font-size: 12px; }
.m_ndbot{ padding-top: 10px; }
.m_ndback{ height: 40px; line-height: 40px; }
.share_box img{ width: 25px; height: 25px; }
.con_detail img{ width: 24px; height: 24px; }
.con_detail p{ line-height: 24px; }
#allmap{ height: 280px; }
.con_detail h2{ font-size: 16px; line-height: 1.3; }
.con_list li{ font-size: 14px; margin-right: 10px; }
.con_list{ height: 40px; }
.con_list li a{ height: 40px; line-height: 38px; }
.msg_form .item{ height: 50px; line-height: 50px; }
.msg_form input{ height: 35px; line-height: normal; }
.msg_form .code_box .code{ height: 35px; line-height: 33px; top: 7.5px; padding: 0 5px; width: auto; min-width: 0; }
.re_table thead th{ font-size: 14px; }
.re_table tbody td{ font-size: 12px; }
.re_table thead th,.re_table tbody td{ height: 20px; padding: 5 10px; }
.m_download .btn a{ min-width: 70px; }
.m_gdetail{ padding: 20px 0 0; }
.m_gdlist li{ padding: 10px 0; }
.m_gdtit{ font-size: 24px; }
.m_gdpart1 .right{ width: 60%; }
.m_gdlist .img{ width: 100%; margin-bottom: 10px; }
.m_gdlist .text{ width: 100%; }
.m_gdbar span{ font-size: 16px; }
.m_gdlist .m_gdltit span{ font-size: 16px; padding: 5px; }
.m_gdlist .text .text_p{ margin-top: 10px; }
.m_gdtxt .video_box{ height: 360px; }
.about_box{ padding-top: 55px; }
.p_fnav{ height: auto; border-bottom: none; }
.p_fnav li{ font-size: 14px; }
.p_fnav li span{ height: 40px; line-height: 40px; border-bottom: 2px solid #fff; }
.time_slide div.year{ border: none; }
.time_box .time_line{ display: none; }
.time_box ul{ padding: 15px 0; position: relative; }
.time_box ul:before{ content: ''; position: absolute; left: 10px; top: 30px; width: 2px; height: calc(100% - 40px); background: #ccc; }
.time_box li{ background: none!important; width: 100%; position: relative; padding: 5px 10px 5px 30px!important; margin: 0!important; text-align: left!important; }
.time_box li:before{ content: ''; position: absolute; left: 7px; top: 10px; width: 8px; height: 8px; border-radius: 50%; background: #00a8fd; }
.time_box li .text_box{ display: block!important; float: none!important; }
.time_box ul h2{ font-size: 16px; }
.time_box ul p{ font-size: 14px; }
.cul_list li .zoom{ height: 0; padding-bottom: 70%; }
.intro_img{ width: 100%; }
.p_fnav li,.p_fnav li:first-child{ min-width: calc(100% / 3); }
.p_fnav li span{ border: none; } 
.cul_list p{ font-size: 12px; }
.m_left{ top: 50px; }
.ml_title{ padding: 0 5%; box-sizing: border-box; }
.ml_title h2{ font-size: 20px; }
.ml_title h2 span{ font-size: 14px; }
.ml_nav li > a{ padding: 10px 10% 10px 5%; }
.ml_nav li{ font-size: 15px; }
.ml_nav dd p a{ font-size: 12px; }
.culture_box,.ustain_wrap p{ line-height: 22px; }
.ustain_slick p{ font-size: 12px; line-height: 20px; height: auto; margin-top: 10px; }
.time_box ul .line{ margin: 4px 0; }
.i_pslick h2{ height: 30px; line-height: 30px; font-size: 12px; }
}

@media screen and (max-width: 500px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 160px; }
.wbanner{ height: 120px; }
.goods_list .zoom{ width: 100%; height: 200px; }
.goods_list .text{ width: 100%; margin-top: 15px; }
.goods_list .text_p{ height: 108px; }
.sol_list a.more{ float: right; padding: 0 10px; }
.news_list li{ padding: 15px 0; }
.news_list h2{ font-size: 16px; margin-bottom: 5px; }
.news_list .zoom{ width: 100%; height: 0; padding-bottom: 50%; }
.news_list .text{ width: 100%; padding-top: 10px; line-height: 20px; font-size: 12px; }
.news_list .text p{ height: 38px; margin-bottom: 5px; }
.m_msg_tips{ font-size: 12px; line-height: 20px; }
.msg_form span{ width: 100%; text-align: left; height: auto; line-height: 25px; }
.msg_form .item{ height: auto; line-height: normal; margin-bottom: 10px; }
.msg_form .r_box{ width: 100%; max-width: 100%; }
.msg_form .r_box input{ width: 100%; }
.msg_form .code_box .code{ top: 0; }
.msg_form input.sub{ width: 50%; margin: 0 auto; display: block; }
.m_download li{ font-size: 12px; }
.m_download li span{ width: calc(100% - 120px); }
.m_download .btn a{ width: 30%; margin: 0 2%; }
.sol_list .zoom{ width: 100%; height: 0; padding-bottom: 65%; }
.sol_list .text{ width: 100%; margin-top: 15px; }
.sol_list h2{ padding: 0; margin-bottom: 5px; }
.sol_list .text_p{ height: 86px; }
.m_gdtxt .video_box{ height: 300px; }
.i_plist li{ padding: 0 5px; width: 50%; float: left; box-sizing: border-box; border: none; text-align: center; padding: 0; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.i_pro.i_new .i_plist li{ width: 33.3%; }
.pages .prev, .pages .next{ padding: 0 5px; font-size: 12px; }
}

@media screen and (max-width: 370px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 140px; }
.wbanner{ height: 100px; }
.m_gdtxt .video_box{ height: 220px; }
}